<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" href="${rc.contextPath}/bootstrap/css/bootstrap.css" />
		<script src="${rc.contextPath}/js/jquery.1.10.1.min.js"></script>
		<script type="text/javascript" src="${rc.contextPath}/bootstrap/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="${rc.contextPath}/css/index.css" />
	</head>

	<body>
		<!--   nav     -->
		#parse("header.html")

		<!-- 超大屏幕 -->
		<div class="jumbotron" style="background-image: url(${rc.contextPath}/img/jumbtron-bg.jpg);">
			<div class="container">
				<h1>欢迎来到就业指导网！</h1>
				<p>万千公司等着你</p>
				<p>
					<form class="form-inline">
						<div class="form-group">
							<input class="form-control" />
						</div>
						<button class="btn btn-default">搜索</button>
					</form>
				</p>
			</div>
		</div>

		<div class="container">
		<!-- 左边 -->
		<div class="col-xs-3">
			
			<!--   招聘信息栏    begin    -->
			<div class="panel panel-warning">
				<div class="panel-heading">
					<h3 class="panel-title">招聘<a href="${rc.contextPath}/job/list/1" class="pull-right">更多>></a></h3>
				</div>
				<div class="panel-body">
					<ul>
					#foreach($!job in $!jobList)
						<li><a href="${rc.contextPath}/job/detail/$!job.id" target="_blank">$!{job.job_name} ------ $!{job.job_company_name}</a></li>
					#end
					</ul>
				</div>
			</div>
			<!--    招聘信息栏  end-->
			
			<!--    就业指导栏      begin -->
			<div class="panel panel-danger">
				<div class="panel-heading">
					<h3 class="panel-title">就业指导<a href="${rc.contextPath}/campus/list/1/1" class="pull-right">更多>></a></h3>
				</div>
				<div class="panel-body">
					<ul>
					#foreach($!annouce in $!annouceList)
						<li><a href="${rc.contextPath}/campus/detail/$!{annouce.id}" target="_blank">$!{annouce.news_title}</a></li>
					#end
					</ul>
				</div>
			</div>
			<!--    就业指导栏      end   -->

			<!--    学校公告栏      begin -->
			<div class="panel panel-info">
				<div class="panel-heading">
					<h3 class="panel-title">学校公告<a href="${rc.contextPath}/campus/list/0/1" class="pull-right">更多>></a></h3>
				</div>
				<div class="panel-body">
					<ul>
					#foreach($!guide in $!guideList)
						<li><a href="${rc.contextPath}/campus/detail/$!{guide.id}" target="_blank">$!{guide.news_title}</a></li>
					#end
					</ul>
				</div>
			</div>
			<!--    就业指导栏      end   -->


		</div>

		<!-- 中间 -->
		<div class="col-xs-5">
			<div class="panel panel-success">
				<div class="panel-heading">
					<h3 class="panel-title">最新</h3>
				</div>
				<div class="panel-body">
					<ul class="nav nav-tabs" id="myTab">
						<li class="active">
							<a href="#comments" data-toggle="tab">
								最新公司点评
							</a>
						</li>
						<li>
							<a href="#salary" data-toggle="tab">
								最新岗位发布
							</a>
						</li>
						<li>
							<a href="#card" data-toggle="tab">
								最新帖子
							</a>
						</li>
					</ul>
					<div class="tab-content" id="myTabContent">
						<!--   最新公司点评     begin  -->
						<div class="tab-pane fade in active" id="comments">
						#foreach($!comment in $!commentList)
							<div class="media">
								<a class="col-xs-3">
									<img class="img-thumbnail" src="http://127.0.0.1:8080/image/portrait/$!{comment.comment_user.portrait}" width="100px" />
								</a>
								<div class="col-xs-2">
									<h6>$!comment.comment_user.nickname</h6>
									<em>$!comment.gmt_create</em>
								</div>
								<div class="col-xs-7">
									<h4>$!comment.company.company_name</h4>
									<div>$!comment.comment_detail</div>
								</div>
							</div>
						#end
							
						</div>
						<!--    最新公司点评      end   -->
						
						<!--    工资    begin   -->
						<div class="tab-pane fade" id="salary">
							<ul class="list-group">
								<li class="list-group-item">
										<img class="img-thumbnail" src="${rc.contextPath}/img/tculogo.jpg" width="40px" />
										<a href="#">天津城建大学</a>
										<span class="text-muted">| 供6666条工资</span>
										<span class="text-muted" style="margin-right: 1px;">￥6666/月</span>
								</li>
								<li class="list-group-item">
										<img class="img-thumbnail" src="../img/tculogo.jpg" width="40px" />
										<a href="#">天津城建大学计算机学院</a>
										<span class="text-muted">| 供6666条工资</span>
										<span class="text-muted" style="margin-right: 1px;">￥6666/月</span>
								</li>
							</ul>
						</div>
						<!--    工资    end   -->
						
						<!--    最新帖子    begin   -->
						<div class="tab-pane fade" id="card">
							<ul class="list-group">
								<li class="list-group-item">
									<h4>
										天津城建大学怎么样
										<span class="pull-right text-muted">
											<span class="glyphicon glyphicon-user"></span>马云
										</span>
									</h4>
									<div>
										<p>想去城建大学。。。。。。。。。。。。。。。。。。。。。。。</p>
									</div>
								</li>
								<li class="list-group-item">
									<h4>
										天津城建大学怎么样
										<span class="pull-right text-muted">
											<span class="glyphicon glyphicon-user"></span>马化腾
										</span>
									</h4>
									<div>
										<p>想去城建大学软件专业当老师。。。。。。。。。。。。。。。。。</p>
									</div>
								</li>
							</ul>
						</div>
						<!--    最新帖子    end   -->
					</div>
				</div>
			</div>
			
			<hr />
			
			<!--  每日公司推荐  begin  -->
			<div class="panel panel-success">
				<div class="panel-heading">
					<div class="panel-title">每日公司推荐</div>
				</div>
				<div class="panel-body">
					<div class="col-xs-4">
						<img class="img-thumbnail" src="http://127.0.0.1:8080/image/companylogo/$!hotCompany.company_logo" width="100px" />
					</div>
					<div class="col-xs-8">
						<h4>$!hotCompany.company_name</h4>
						<div>
							<!-- 天津城建大学是一所天津市市属普通高等学校，始建于1978年，前身是天津大学建筑分校，
							1987年更名为天津城市建设学院，2007年以优秀成绩通过教育部普通高等学校本科教学工作水平评估，
							2013年更名为天津城建大学。原全国政协主席李瑞环为学校题写了校名。 -->
							$!hotCompany.company_brief
						</div>
					</div>
				</div>
			</div>
			<!--   每日公司推荐    end  -->
			
		</div>

		<!-- 右边 -->
		<div class="col-xs-4">
			
			<!--  知名企业轮播   begin  -->
			<h4>知名企业</h4>
			<hr />
			<div id="myCarousel" class="carousel slide">
			    <!-- 轮播（Carousel）指标 -->
			    <ol class="carousel-indicators">
			        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			        <li data-target="#myCarousel" data-slide-to="1"></li>
			        <li data-target="#myCarousel" data-slide-to="2"></li>
			    </ol>   
			    <!-- 轮播（Carousel）项目 -->
			    <div class="carousel-inner">
			        <div class="item active">
			            <img src="${rc.contextPath}/img/baidu.jpg" alt="First slide">
			            <div class="carousel-caption">百度</div>
			        </div>
			        <div class="item">
			            <img src="${rc.contextPath}/img/alibaba.jpeg" alt="Second slide">
			            <div class="carousel-caption">阿里巴巴</div>
			        </div>
			        <div class="item">
			            <img src="${rc.contextPath}/img/tengxun.jpg" alt="Third slide">
			            <div class="carousel-caption">腾讯</div>
			        </div>
			    </div>
			    <!-- 轮播（Carousel）导航 -->
			    <a class="carousel-control left" href="#myCarousel" 
			        data-slide="prev">&lsaquo;
			    </a>
			    <a class="carousel-control right" href="#myCarousel" 
			        data-slide="next">&rsaquo;
			    </a>
			</div>
			<!--    知名企业轮播    end   -->
			
			<p></p>
			<hr/>
			
			<!--   按行业查看公司     begin   -->
			<div class="panel panel-warning">
				<div class="panel-heading">
					<h3 class="panel-title">按行业查看公司</h3>
				</div>
				<div class="panel-body">
					<div class="col-xs-6">
						<ul>
							<li><a href="${rc.contextPath}/company/domain/1/1" target="_blank">IT/互联网</a></li>
							<li><a href="${rc.contextPath}/company/domain/3/1" target="_blank">金融</a></li>
							<li><a href="${rc.contextPath}/company/domain/4/1" target="_blank">汽车</a></li>
							<li><a href="${rc.contextPath}/company/domain/8/1" target="_blank">专业服务</a></li>
						</ul>
					</div>
					<div class="col-xs-6">
						<ul>
							<li><a href="${rc.contextPath}/company/domain/2/1" target="_blank">电子通信硬件</a></li>
							<li><a href="${rc.contextPath}/company/domain/7/1" target="_blank">生活服务</a></li>
							<li><a href="${rc.contextPath}/company/domain/5/1" target="_blank">交通/贸易/物流</a></li>
							<li><a href="${rc.contextPath}/company/domain/6/1" target="_blank">广告/传媒/文化</a></li>
						</ul>
					</div>
				</div>
				<!-- 隐藏的行业   begin -->
				<div id="moreprofession" class="panel-body panel-collapse collapse">
					<div class="col-xs-6">
						<ul>
							<li><a href="${rc.contextPath}/company/domain/9/1" target="_blank">房地产/建筑</a></li>
							<li><a href="${rc.contextPath}/company/domain/11/1" target="_blank">能源/化工/环保</a></li>
							<li><a href="${rc.contextPath}/company/domain/13/1" target="_blank">制药/医疗</a></li>
							<li><a href="${rc.contextPath}/company/domain/15/1" target="_blank">政府/非盈利机构</a></li>
						</ul>
					</div>
					<div class="col-xs-6">
						<ul>
							<li><a href="${rc.contextPath}/company/domain/10/1" target="_blank">机械制造</a></li>
							<li><a href="${rc.contextPath}/company/domain/12/1" target="_blank">消费品</a></li>
							<li><a href="${rc.contextPath}/company/domain/14/1" target="_blank">教育/培训</a></li>
							<li><a href="${rc.contextPath}/company/domain/16/1" target="_blank">农/林/牧/渔/其他</a></li>
						</ul>
					</div>
				</div>
				<!-- 隐藏的行业   end -->
				
				<div class="panel-footer">
					<a data-toggle="collapse" href="#moreprofession" style="margin-left: 15px;">
						展开<span class="caret"></span>
					</a>
				</div>
				
				
			</div>
			<!--   按行业查看公司     end   -->
			
		</div>
		</div>
	
		<!--   页面尾部     begin  --->
		<footer style="background-color: grey;height: 100px;padding-top: 50px;">
			<div class="wrapper" style="color: white;">&copy;2017天津wetsion科技有限公司
				
				<div class="pull-right">津静路26号</div>
				
			</div>
			
		</footer>
		<!--	页面尾部	 end	-->
	</body>


</html>